<?php get_header(); ?>

<?php if (get_option('evid_featured') == 'on') { get_template_part('includes/featured'); } ?>

<div id="wrapper2">
<div id="container">
    <div id="left-div">
        <!--Begind recent post-->
<style type="text/css">
#nav { margin: 20px auto }
#nav a { padding: 4px 6px; margin: 3px; border: 1px solid #ccc; text-align: center; text-decoration: none; background-color: #ddd }
#nav a.activeSlide { color: #c00 }
#nav a:focus { outline: none; }

.slideshow { margin: 20px auto; padding: 0; clear: left; }
.slide { margin: 0; padding: 0 }
.slideshow, .slide { height: 150px; width: 620px; }
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; margin: 0 }
</style>
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'scrollLeft'

	});
});
</script>
</head>
<body>
		<div style="margin:auto;text-align:center"><div id="nav"></div></div>
	<div class="slideshow">
		<div class="slide">
			<img src="http://jquery.malsup.com/cycle/images/beach1.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach2.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach3.jpg" width="175" height="150" />
            
		</div>
		<div class="slide">
			<img src="http://jquery.malsup.com/cycle/images/beach4.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach5.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach6.jpg" width="175" height="150" />
		</div>
		<div class="slide">
			<img src="http://jquery.malsup.com/cycle/images/beach7.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach8.jpg" width="175" height="150" />
			<img src="http://jquery.malsup.com/cycle/images/beach9.jpg" width="175" height="150" />
		</div>
	</div>
        <div style="width:620px;height:1220px;background-image:url(../../../NEWS.jpg);background-repeat:no-repeat;padding-left:10px;"><?php include('feeds.php') ?></div>	
        <div style="clear: both;"></div>
        <?php //if (get_option('evid_catbox') == 'on') { get_template_part('includes/catbox'); } ?>
        <div style="clear: both;"></div>
        <?php //if (get_option('evid_randompopular') == 'on') { get_template_part('includes/popular'); } ?>
    </div>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
</body>
</html>